<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">

	<title>System Manage Module</title>

	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="../scripts/globe.js" type="text/javascript"></script>
	<script src="default.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="menu.css">
	<script src="../scripts/animTree/utils.js" type="text/javascript"></script>
	<script src="treeparams.js" type="text/javascript"></script>
	<script src="../scripts/animTree/AnimTree.js" type="text/javascript"></script>

	<script src="../scripts/prototype.js" type="text/javascript"></script>

	<script type="text/javascript">
	function ajaxUpdateContent(snippetType, urlParames) {
		var url = "../jspSnippetDispatch";
		var pars = "snippetType=" + snippetType + "&" + urlParames;
/*
		var myAjax = new Ajax.Updater(
                    {success: 'placeholder'},
                    url,
                    {method: 'get', parameters: pars, onFailure: reportError}); */
        var myAjax = new Ajax.Request(
                    url,
                    {method: 'get', parameters: pars, onLoading: pageLoading, onComplete: showResponse}
                    );
	}

	function showResponse(request) {
		$("placeholder").innerHTML = request.responseText;
	}

	function reportError(request) {
        alert('Sorry. There was an error.');
    }

    function pageLoading(request) {
    	$("placeholder").innerHTML = "Loading....";
    }
	</script>
</head>

<body>
	<!-- Header begin -->
	<div id="header">
	<p><img src="../images/logo.gif" alt="Vivabit" width="180" height="80" /><span id="twce">System Manage Module</span></p>

	<ul>
		<li class="first"><em><span>Home</span></em></li>
		<li class="alt"><a href="/training/"><span>Training</span></a></li>

		<li class="alt"><a href="/consulting/"><span>Consulting</span></a></li>
		<li class="alt"><a href="/design/"><span>Design</span></a></li>
		<li class="alt2"><a href="/bollocks/"><span>Blog</span></a></li>
		<li><a href="/about/"><span>About Us</span></a></li>
		<li><a href="/contact/"><span>Contact Us</span></a></li>
	</ul>


	<div class="title">
	<p>System Manage Module</p>
	</div>
</div><!-- Header end -->

<!-- Main begin -->
<div id="main">

<!-- Wrapper begin -->
<div id="wrapper">

<!-- Navigator begin -->
<div id="navigator">

	<h1>Config Menu</h1>

	<div id="nav" class='AnimTree'>
		<div id="baroque" class="button">
			<span class="buttonlabel" onclick='toggleMenu(this)'
				><img src='../images/animTree/menuicon.gif'
					title='click to toggle menu'
					alt='*'
						>xxx</span>
		</div>
		<div class="menu"
				title='The greatest musical period of all time!'
				id="baroqueMenu">
			<div id="links" class="button menuNode">
				<span class="buttonlabel level1label" onclick='toggleMenu(this)'
					><img src='../images/animTree/menuicon.gif'
					title='click to toggle menu'
					alt='*'
						>Links</span>
			</div>
			<div class="menu" id="linksMenu">
				<div class="menuNode">
					<a href="http://baroque-music.com/frames/info/hc.shtml#hc"
						>baroque-music.com</a>
				</div>
				<div class="menuNode">
					<a href="http://www.jsbach.org/">jsbach.org</a>
				</div>
				<div class="menuNode">
					<a href="http://www.hoasm.org/XID/BachJCF.html"
						>Bach Canons &amp; Fugues</a>
				</div>
			</div>
			<div id="bach" class="button menuNode">
				<span class="buttonlabel level1label" onclick='toggleMenu(this)'
				><img src='../images/animTree/menuicon.gif'
					title='click to toggle menu'
					alt='*'
						>Bach Family</span>
			</div>
			<div class="menu" id="bachMenu">
				<div class="menuNode">
					<a href="http://www.hoasm.org/VIIG/BachJC.html"
						>Johann Sebastian</a>
				</div>
				<div class="menuNode">
					<a href="http://www.hoasm.org/XID/BachCPE.html"
						>Carl Philip Emanuel</a>
				</div>

			</div>
			<div class="menuNode">
				<a href="blank.html">Archangelo Corelli</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">George Frideric Handel</a>
			</div>
		</div>

		<div id="classical" class="button">
			<span class="buttonlabel"
			title='The second greatest musical period of all time!'
			onclick='toggleMenu(this)'
				><img src='../images/animTree/menuicon.gif'
					title='click to toggle menu'
					alt='*'
						>Users and Groups</span>
		</div>
		<div class="menu" id="classicalMenu">
			<div class="menuNode">
				<a href="javascript:void(0);" onclick="ajaxUpdateContent('user', 'a=1&b=2&c=3')">Users</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Johannes Brahms</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">George Frideric Handel</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Franz Joseph Haydn</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Amadeus Mozart</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Niccolo Paganini</a>
			</div>
		</div>

		<div id="romantic" class="button">
			<span class="buttonlabel"
				title='The third greatest musical period of all time!'
				 onclick='toggleMenu(this)'
				 	><img src='../images/animTree/menuicon.gif'
					title='click to toggle menu'
					alt='*'
						>Romantic Period</span>
		</div>
		<div class="menu" id="romanticMenu">
			<div class="menuNode">
				<a href="blank.html">Hector Berlioz</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Frederic Chopin</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Franz Liszt</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Gustav Mahler</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Felix Mendelsohn</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Richard Wagner</a>
			</div>
		</div>

		<div id="modern" class="button">
			<span class="buttonlabel" onclick='toggleMenu(this)'
				title='20th Century music is crap! Here are some rock cool bands.'
					><img src='../images/animTree/menuicon.gif'
					title='click to toggle menu'
					alt='*'
						>Modern Period</span>
		</div>
		<div class="menu" id="modernMenu">
			<div class="menuNode">
				<a href="blank.html">Dream Theater</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Tony MacAlpine</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Yngwie Malmsteen</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Megadeth</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Ozzy Osbourne</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Racer X</a>
			</div>
			<div class="menuNode">
				<a href="blank.html">Rhapsody</a>
			</div>
		</div>
	</div>

</div><!-- Navigator end -->

<!-- Content begin -->
<div id="content">
<div id="placeholder" style="border: 1px solid red;">
content<br>aaaa<br>bbbbThis evening, my wife baked an epic batch of oatmeal cookies. Let me explain why they were so good: there were no raisins in sight. The raisin has plagued the oatmeal cookie like a parasite, stifling its untapped potential as a (if not the) premier baked good of our generation.
</div>
</div><!-- Content end -->
</div><!-- Wrapper end -->
</div><!-- Main end -->

<!-- Footer begin -->
<div id="footer">
Copyright &copy; 2006 Someok.com, all rights reserved.
</div><!-- Footer end -->

</body>
</html>
